<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>03对象</title>
</head>
<body>
<!-- 
    1.什么是对象？
        - 多个数据的封装体
        - 用来保存多个数据的容器
        - 一个对象代表现实世界中一个事物
    2.为什么要用对象？
        - 统一管理多个数据
    3.对象的组成？
        - 属性：属性名（字符串） 和 属性值（任意） 组成
        - 方法：一种特别的属性（属性值是函数）
    4.如何访问对象的内部数据？
        - .属性名   ：编码简单，有时无法使用
        - [属性名]  ：编码复杂，能通用

 -->

<script type="text/javascript">
    var p = {
        name:'Tom',
        age:18,
        setName:function(name){
            this.name = name
        },
        setAge:function(age){
            this.age = age
        }
    }

    var name = 'jack'
    var age = 16

    p['setName']('jack')
    console.log(p.name);
    p.setName('Bob')
    console.log(p.name);
</script>
</body>
</html>